html,
body,
#app {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    font-size: 16px;
    font-family: Medium;
}

.row {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.rowTop {
    display: flex;
    flex-direction: row;
    align-items: top;
}
.column {
    display: flex;
    flex-direction: column;
}

.flex1 {
    flex: 1;
}

.font16 {
    font-size: 16px;
}

.font14 {
    font-size: 14px;
}

.font18 {
    font-size: 18px;
}

.color3 {
    color: #333333;
}

.color6 {
    color: #666666;
}

.color9 {
    color: #999999;
}
.color-white{
    color: #ffffff;
}
.margin-right10{
   margin-right:10px;
}
.margin-left15{
    margin-left:15px;
 }
// 全局修改tabs样式
.van-tab__text {
    font-size: 17px;
}

.van-tab--active {
    font-family: 'Bold';

    .van-tab__text {
        font-size: 18px;
    }
}

.van-calendar__confirm {
    height: 44px !important;
}

.van-calendar__footer {
    padding: 15px 15% !important;

}

// 修改element-plus中el-tree的字体显示大小，默认位14px
.el-tree-node__label {
    font-size: 16px !important;
}

.el-checkbox__inner {
    width: 18px !important;
    height: 18px !important;
}

.el-checkbox__inner::before {
    top: 6px !important;
}

.el-checkbox__inner::after {
    height: 8px !important;
    left: 6px !important;
    top: 3px !important;
}

// 动画
@keyframes chas {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    25% {
        transform: translate(-50%, -50%) scale(0.25);
        opacity: 0.3;
    }

    50% {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0.5;
    }

    75% {
        transform: translate(-50%, -50%) scale(0.75);
        opacity: 0.7;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
}

//   el-tree 高度调整
.el-tree-node__content {
    height: 32px !important;
}

.van-action-sheet__header {

    background: #F9FAFB;
    font-size: 18px !important;
    font-family: Bold;
}

.van-action-sheet__close {
    color: #000 !important;
}

// 全局替换search图标
.van-icon-search:before {
    font-family: 'iconfont';
    content: '\e6fd';
}

// 全局修改步进器的样式
.van-steps {
    background-color: transparent !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    font-size: 16px;

    .van-icon__image {
        width: 1.8em;
        height: 1.8em;
    }
}

.van-step--vertical {
    padding: 0 !important;
}

.van-step__circle-container {

    i {
        font-size: 20px;
    }
}

// 全局修改search
.van-search__content {
    padding: 2px 10px;
}
// 全局修改折叠面板的样式
.van-collapse-item {
    margin-bottom: 10px;

    .van-cell {
        padding: 15px;
        border-radius: 10px;
        font-size: 17px;
    }

    .van-collapse-item__content {
        padding: 15px;
        border-radius: 10px;
        margin-top: 10px;
    }

    .van-cell__left-icon,
    .van-cell__right-icon {
        font-size: 14px !important;
    }
}
